import React, { Component } from 'react'
import styled, { ThemeProvider } from 'styled-components';
const ProfileWrapper = styled.div`
  color: ${props => props.theme.color};
  font-size: ${props => props.theme.fontSize};
`
export default class CssThreeComponent extends Component {
    render() {
        return (
            <div>
                <ThemeProvider theme={{ color: "red", fontSize: "30px" }}>
                    <ProfileWrapper>
                        good
                    </ProfileWrapper>
                    <div>好的</div>
                </ThemeProvider>
            </div>
        )
    }
}
